<template>
	<view class="uni-goods-nav">
		<view class="uni-tab__seat" />
		<view class="uni-tab__cart-box flex">
			<view class="flex uni-tab__sub-box">
				<view v-for="(item,index) in optins" :key="index" class="flex uni-tab__cart-button-left uni-tab__icon">
					<view class="uni-tab__icon">
						<image class="image" :src="item.icon" mode="widthFix"></image>
					</view>
					<text class="uni-tab__text">{{item.text}}</text>
					<view class="flex uni-tab__dot-box">
						<text v-if="item.info" :class="{'uni-tab__dots': item.info>9}" class="uni-tab__dots"></text>
					</view>
				</view>
			</view>
			<view :class="{'uni-tab__right':fill}" class="flex uni-tab__cart-sub-box">
				<view v-for="(item,index) in buttonGroup" :key="index" :style="{backgroundColor:item.backgroundColor}"
					class="flex uni-tab__cart-button-right" @click="buttonClick(index,item)"><text
						class="uni-tab__cart-button-left"></text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'UniGoodsNav',
		props:{
			options:{
				
			}
		},
		data() {
			
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
